<template>
  <MainContent>
    <el-tabs type="border-card">
      <el-tab-pane label="柱状图">
        <Demo1 />
      </el-tab-pane>
      <el-tab-pane label="排行板">
        <Demo2 />
      </el-tab-pane>
      <el-tab-pane label="力导图">
        <Demo3 />
      </el-tab-pane>
      <el-tab-pane label="折线图">
        <Demo4/>
      </el-tab-pane>
    </el-tabs>
  </MainContent>
</template>

<script setup lang="ts">
import Demo1 from './components/Demo1.vue'
import Demo2 from './components/Demo2.vue'
import Demo3 from './components/Demo3.vue'
import Demo4 from './components/Demo4.vue'
</script>

<style lang="scss" scoped>
@import './D3Demo.scss';
</style>
